@import '../../variable.less';

.review {
  .item {
    background-color: #fff;
    margin-bottom: 20rpx;
    padding: 20rpx;
    display: flex;

    .left {
      margin-right: 20rpx;

      .image {
        width: 230rpx;
        height: 136rpx;
        object-fit: cover;
        display: block;
      }

      .user {
        padding-top: 20rpx;
        display: flex;
        align-items: center;

        .avatar {
          width: 50rpx;
          height: 50rpx;
          object-fit: cover;
          border-radius: 50%;
          display: block;
          margin-right: 20rpx;
        }

        .username {
          font-size: 24rpx;
          color: #666
        }
      }

    }

    .right {
      flex: 1;
      display: flex;
      justify-content: space-between;
      flex-direction: column;

      .title {
        font-weight: 700;
      }

      .desc {
        padding: 10rpx 0;
        font-size: 26rpx;
        color: #666;
        height: 60rpx;
      }

      .van-button--default {
        background-color: #fff !important;
        border-color: @color  !important;
        color: @color  !important;
        // border: 1px solid @color !important;
      }
      .bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
    }
  }
}